<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head><title>Interaction with multiple maps and search results</title>
      <link rel="stylesheet" type="text/css" href="../../ext/resources/css/ext-all.css" />
      <link rel="stylesheet" type="text/css" href="../../ext/examples/shared/examples.css" />
      <link rel="stylesheet" type="text/css" href="../resources/css/metadata-view.css" />
      
      <script type="text/javascript" src="../../ext/adapter/ext/ext-base.js"></script>
      <script type="text/javascript" src="../../ext/ext-all-debug.js"></script>
      <script type="text/javascript" src="../../OpenLayers/lib/OpenLayers.js"></script>
      <script type="text/javascript" src="../../GeoExt/lib/overrides/override-ext-ajax.js"></script>
      <script type="text/javascript" src="../../GeoExt/lib/GeoExt.js"></script>
      <script type="text/javascript" src="../lib/GeoNetwork.js"></script>
      <script type="text/javascript" src="example.js"></script>
      <script type="text/javascript" src="multi-map-results.js"></script>
  </head>
    <body>
        <h1>Interaction with multiple maps and search results</h1>
        <p>This example shows how to link more than one map to a result panel and activate or not the
        zoom to extent feature after search.</p>
        <div id="search-form"></div>
        
        <div id="metadata-view-full" class="md-view" style="float:left"></div>
        
        <div id="mappanel1" class="md-map-view" style="float:left"></div>
        <div id="mappanel2" class="md-map-view" style="float:left"></div>
        <div id="mappanel3" class="md-map-view" style="float:left"></div>
    </body>
</html>